<template>
  <el-carousel class="carousel" :interval="5000" arrow="always">
    <el-carousel-item class="carousel_item" v-for="item in dataimg" :key="item">
      <img :src="item.src">
    </el-carousel-item>
  </el-carousel>
</template>
<script>
export default {
  data() {
    return {
      dataimg: [{src: require('../../public/img/index/banner1.jpg'),},
                {src: require('../../public/img/index/banner2.jpg'),},
                {src: require('../../public/img/index/banner3.jpg'),}, 
                {src: require('../../public/img/index/banner4.jpg'),}, 
              ],
    }
  }
}
</script>
<style>
  .el-carousel__container{
    height:800px !important;  
  }
  .el-carousel__arrow{
    height: 100px !important;
    width: 50px !important;
    background-color: RGBA(51,51,51,.6) !important;
    border-radius: 5px !important;
    font-size:30px !important;
  }
</style>